import React, {Component} from 'react'
import {Platform, StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native'
import MinaStyle from '../../assets/css/commonStyle.js'
import CurChildren from '../../components/CurChildren.js'
import NavigationBar from '../../components/NavigationBar.js'
import NavigationUtil from '../../navigator/NavigationUtil.js'
import CourseOverViewComponent from './courseOverView/CourseOverViewComponent.js'
import CourseTeacherComponent from './courseTeacher/CourseTeacherComponent.js'
import CourseScheduleComponent from './courseSchedule/CourseScheduleComponent.js'
import CourseNoticeComponent from './courseNotice/CourseNoticeComponent.js'

type Props = {};
export default class Home extends Component<Props> {
  renderNavigationBar(){
    let statusBar = {
      backgroundColor: '#ccc',
      barStyle: 'light-content',
      translucent: true,
    }
    let navigationBar = <NavigationBar
      title = {''}
      statusBar = {statusBar}
      leftText = {'广州'}
      leftStyle = {{color: '#333333', fontSize: 16, fontWeight: ('normal', '400')}}
      rightText = {'海印又一城'}
      rightStyle = {{color: '#282828', fontSize: 16, fontWeight:('normal', '400')}}
      style={{backgroundColor: '#fff'}}
    />;
    return navigationBar;
  }
  render() {
    let curChildren = <CurChildren page = {'Mall'}/>
    return (
      <View style={MinaStyle.minaContainer}>
        {this.renderNavigationBar()}
        <ScrollView>
          {curChildren}
          <View style={MinaStyle.minaMain}>
            <CourseOverViewComponent/>
            <CourseTeacherComponent/>
            <CourseScheduleComponent/>
            <CourseNoticeComponent/>
          </View>
        </ScrollView>
      </View>
    );
  }
}

const styles = StyleSheet.create({

});